/**
 *
 *
 * @author TOTORO
 * @date 2021/5/18 15:30
 */
// 该四个遍历用于存储 每个菜单加载完成时的Ul
var $ctOneUl = "", $ctTwoUl = "", $ctThreeUl = "", $ctFourUl = "";
$(document).ready(function () {
    // 加载文档完成，给一级分类数据
    // $(".ct-one .list-frame")
    $.ajax({
        type:"POST",
        url:"${pageContext.request.contextPath}/category/getFirstCategory.htm",
        async:false, // 是否异步处理
        success:function (tj) {
            var json1 = eval("(" +tj+ ")");
            for (var i = 0; i < json1.length; i++) {
                // 将查询到的一级数据展示页面上
                var $one = getOneLi(json1[i].id, json1[i].name).appendTo($(".ct-one .group-wrap"));
                // 获取二级分类数据
                $.ajax({
                    type:"POST",
                    url:"${pageContext.request.contextPath}/category/getAllCategory.htm",
                    data: {"parent_id":json1[i].id,"level":2},
                    async:false, // 是否异步处理
                    success:function (tj) {
                        var json2 = eval("(" +tj+ ")");
                        for (var j = 0; j < json2.length; j++) {
                            var $two = getTwoLi(json2[j].id, json2[j].name).appendTo($(".ct-one .list-wrap:eq("+i+")"));
                            // 如果有子分类，添加右箭头
                            if(json2[j].haveChildren == 1){
                                $two.find(".iconfont").addClass("iconfont icon-youjiantou");
                            }
                        }
                    }
                    });
            }
        }
    });
    $ctOneUl = $(".ct-one .group-wrap").html();
});

$(function () {
    var isHidden = false;
    // 分类一级菜单点击隐藏子分类事件
    $(".ct-one .group-wrap").on("click", ".group-title", function () {
        // icon-shangjiantou
        if(isHidden){
            $(this).parent().find(".children_category").show();
            $(this).find("i").removeClass("icon-new_shangjiantou").addClass("icon-new_xiajiantou");
            isHidden = false;
        } else{
            $(this).parent().find(".children_category").hide();
            $(this).find("i").removeClass("icon-new_xiajiantou").addClass("icon-new_shangjiantou").css("font-size","14px");
            isHidden = true;
        }
    });

    // 所有分类的悬浮伪类
    $(".cascade-selection").on("mouseover",".category-item", function () {
        if(!($(this).attr("class") == "category-item c-selected")){
            $(this).css("background","#F4F4F4");
        }
    }).on("mouseout",".category-item", function () {
        if(!($(this).attr("class") == "category-item c-selected")){
            $(this).css("background","#fff");
        }
    });;


    /**
     * 点击二级分类数据
     */
    $(".cascade-selection").on("click", ".ct-one .category-item", function () {
        var iconClass = $(this).find("i").attr("class");
        // 如果点击未选中的：再次点击已选中的没有事情发生
        if (!($(this).attr("class") == "category-item c-selected")) {
            // 清除所有分类提示和连接箭头
            $(".path-list button").remove();
            $(".path-list span.connector-char").remove();
            // 清除之前的二级菜单,三级菜单,四级菜单
            $(".ct-two").remove();
            $(".ct-three").remove();
            $(".ct-four").remove();
            // 改变上面的已选类目
            var title = $(this).find("p").text();
            $(".path-list").append($("<button type=\"button\" class=\"next-btn next-medium next-btn-text path-node\" style='color: #2192d9; background-color: #f7f8fa'><span class=\"next-btn-helper\">"+title+"</span></button>"))
            // 如果点击有子分类的lid
            if (!(iconClass == "iconfont")) {
                // 创建第二个分类菜单
                createCategoryMenu("ct-two", $(this).data("value"), 3);
                // 加载中 效果
                $(".ct-two").find(".loading-img").show();
                $(".ct-two").find(".loading-top").show();
                $(".ct-two").find(".loading").css({"filter": "blur(1px)", "-webkit-filter": "blur(1px)"});
                setTimeout(function () {
                    $(".ct-two").find(".loading-img").hide();
                    $(".ct-two").find(".loading-top").hide();
                    $(".ct-two").find(".loading").css("filter", "none");
                }, 300);
            }
        }
        $(this).addClass("c-selected").siblings().removeClass("c-selected").css({"background":"#fff", "border-left":"none"});
        $(this).parent().parent().parent().siblings().find(".category-item").removeClass("c-selected").css("background","#fff");
        $ctTwoUl = $(".ct-two .group-wrap").html();
    });

        /**
         * 点击三级分类id
         */
        $(".cascade-selection").on("click",".ct-two .category-item", function () {
            var iconClass = $(this).find("i").attr("class");
            // 只有没选中的，才能触发事件
            if(!($(this).attr("class") == "category-item c-selected")){
                // 清除二级菜单之后的分类提示
                $(".path-list button:eq(0)").nextAll().remove();
                // 清除三级菜单，四级菜单
                $(".ct-three").remove();
                $(".ct-four").remove();
                // 改变上面的已选类目
                var title = $(this).find("p").text();
                $(".path-list").append($("<span class=\"connector-char\">&gt;</span><button type=\"button\" class=\"next-btn next-medium next-btn-text path-node\" style='color: #2192d9; background-color: #f7f8fa'><span class=\"next-btn-helper\">"+title+"</span></button>"))
                if(!(iconClass == "iconfont")){
                    // 创建第三个分类菜单
                    createCategoryMenu("ct-three", $(this).data("value"), 4);
                    // 加载中 效果
                    $(".ct-three").find(".loading-img").show();
                    $(".ct-three").find(".loading-top").show();
                    $(".ct-three").find(".loading").css({"filter":"blur(1px)","-webkit-filter":"blur(1px)"});
                    setTimeout(function () {
                        $(".ct-three").find(".loading-img").hide();
                        $(".ct-three").find(".loading-top").hide();
                        $(".ct-three").find(".loading").css("filter","none");
                    },300);
                }
            }
            $(this).addClass("c-selected").siblings().removeClass("c-selected").css({"background":"#fff", "border-left":"none"});
            $ctThreeUl = $(".ct-three .group-wrap").html();
        });



    /**
     * 点击四级分类id
     */
    $(".cascade-selection").on("click",".ct-three .category-item", function () {
        var iconClass = $(this).find("i").attr("class");
        // 只有没选中的，才能触发事件
        if(!($(this).attr("class") == "category-item c-selected")){
            // 清除之前的三级菜单
            $(".ct-four").remove();
            // 清除三级菜单之后的分类提示
            $(".path-list button:eq(1)").nextAll().remove();
            // 改变上面的已选类目
            var title = $(this).find("p").text();
            $(".path-list").append($("<span class=\"connector-char\">&gt;</span><button type=\"button\" class=\"next-btn next-medium next-btn-text path-node\" style='color: #2192d9; background-color: #f7f8fa'><span class=\"next-btn-helper\">"+title+"</span></button>"))
            if(!(iconClass == "iconfont")){
                // 创建第四个分类菜单
                createCategoryMenu("ct-four", $(this).data("value"), 5);
                // 加载中 效果
                $(".ct-four").find(".loading-img").show();
                $(".ct-four").find(".loading-top").show();
                $(".ct-four").find(".loading").css({"filter":"blur(1px)","-webkit-filter":"blur(1px)"});
                setTimeout(function () {
                    $(".ct-four").find(".loading-img").hide();
                    $(".ct-four").find(".loading-top").hide();
                    $(".ct-four").find(".loading").css("filter","none");
                },300);
            }
        }
        $(this).addClass("c-selected").siblings().removeClass("c-selected").css({"background":"#fff", "border-left":"none"});
        $ctFourUl = $(".ct-four .group-wrap").html();
    });

    /**
     * 点击五级分类
     */
    $(".cascade-selection").on("click",".ct-four .category-item", function () {
        var iconClass = $(this).find("i").attr("class");
        if(!($(this).attr("class") == "category-item c-selected")){
            // 清除四级菜单之后的分类提示
            $(".path-list button:eq(2)").nextAll().remove();
            // 改变上面的已选类目
            var title = $(this).find("p").text();
            $(".path-list").append($("<span class='connector-char'>&gt;</span><button type='button' class='next-btn next-medium next-btn-text path-node' style='color: #2192d9; background-color: #f7f8fa'><span class='next-btn-helper'>"+title+"</span></button>"))
        }
        $(this).addClass("c-selected").siblings().removeClass("c-selected").css({"background":"#fff", "border-left":"none"});
    });

    /**
     * 点击分类菜单上方的分类提示删除事件
     */
    $(".path-list").on("click",".path-node", function () {
        // 根据点击按钮的下标删除对应的分类菜单和分类提示和选中状态
        var index = $(this).index();
        $(this).nextAll().remove();
        // 加载中效果
        $(".loading-img-fuzzy").attr("src",$(".loading-img-fuzzy").data("src"));
        $(".sell-o-category-selection").addClass("loading-fuzzy");
        setTimeout(function () {
            $(".loading-img-fuzzy").removeAttr("src");
            $(".sell-o-category-selection").removeClass("loading-fuzzy");
        },300);

        console.log(index)
        if(index == 1){
            $(".ct-two").nextAll().remove();
            $(".ct-two .c-selected").removeClass("c-selected").css("background","#fff");
        }
        if(index == 3){
            $(".ct-three").nextAll().remove();
            $(".ct-three .c-selected").removeClass("c-selected").css("background","#fff");
        }
        if(index == 5){
            $(".ct-four").nextAll().remove();
            $(".ct-four .c-selected").removeClass("c-selected").css("background","#fff");
        }
    })

});


var $imageBtn = jQuery, $nowFile = jQuery;
/**
 * 管理所有图片
 */
$(function () {
    // 上传图片
    $(".image-upload-btn").click(function (event) {
        // 设置图片按钮为当前按钮
        $imageBtn = $(this);
        $nowFile = $(this).next().next();

        $(this).next().next().click();


        // ----------------------------------------此处有BUG，上传删除 再上传-----------------------------------------------------------
        $nowFile.off("change").on("change",function(){
            // 获得当前图片元素，判断该文件大小，不能大于3M
            var file = $(this);
            var fileSize = file[0].files[0].size;
            if(fileSize > 1024 * 1024 *3){
                // 显示消息
                $("#image-error").click()
                return false;
            }
            var ext=file.val().substring(file.val().lastIndexOf(".")+1).toLowerCase();

            $imageBtn.hide();
            // 获取当前需要改变的图片div，将图片标签添加进去
            var $imgDiv = $imageBtn.next();
            var $imgHtml = $("<div class=\"image-card\">\n" +
                "            <img src=\"\" alt=\"url\">\n" +
                "        </div>").appendTo($imgDiv);

            var $img = $imageBtn.next().find("img");
            // 将图片预览
            html5Reader(file,$img);
        });
    });



    // 将控制图片的三个按钮和主图标签通过悬浮事件显示
    $(".sell-o-image-item-preview").on("mouseover", ".image-card" ,function () {
        $(this).prev().show().css("opacity",1);
        $(this).parent().parent().find(".placeholder").css("opacity",0);
    }).on("mouseout", ".image-card", function () {
        $(this).prev().hide().css("opacity",0);
        $(this).parent().parent().find(".placeholder").css("opacity",1);
    });

    $(".image-tools").mouseenter(function () {
        $(this).show().css("opacity",1);
        $(this).parent().parent().find(".placeholder").css("opacity",0);
    });

    $(".image-tools").mouseleave(function () {
        $(this).hide().css("opacity",0);
        $(this).parent().parent().find(".placeholder").css("opacity",1);
    });

    // 图片按钮事件：
    /**
     * 左移动按钮事件
     * ps：下一级的图片跟自己调换位置
     */
    $(".move-right").click(function () {
        moveImg($(this),"next");
        var ts = $(this).parent().parent().next();
        var tt = ts.parents(".drag-image-item-wrapper").next().find("input[type='file']");
        Totoro.exchange(ts, tt);
    });

    /**
     * 右移动按钮事件
     * ps：上一级的图片跟自己调换位置
     */
    $(".move-left").click(function () {
        moveImg($(this),"prev");
        var ts = $(this).parent().parent().next();
        var tt = ts.parents(".drag-image-item-wrapper").prev().find("input[type='file']");
        Totoro.exchange(ts, tt);
    })

    /**
     * 删除事件
     */
    $(".image-upload-remove").click(function () {
        // 删除展示自己图片的div
        $(this).parent().next().remove();
        // 显示添加图片的div
        $(this).parent().parent().prev().show();
        // 隐藏所有的控制按钮
        $(".image-tools").hide().css("opacity",0);
        // 删除file选择
        $(this).parents(".drag-image-item-wrapper").find("input[type='file']").val("");
    })



    // 操作指南左边悬浮伪类
    $(".next-split-btn>a:first").hover(function () {
        $(this).css({"background-color":"#0085D7","color":"#fff"});
    }, function () {
        $(this).css({"color":"#0085d7","background-color":"#e4f0fd"});
    });


    // 输入条形码焦点事件
    $(".fusion-input>input").focus(function () {
        $(this).parent().addClass("next-focus");
    }).blur(function () {
        $(this).parent().removeClass("next-focus");
    });


    var isSearch = false;
    // 分类搜索点击事件
    $(".search-btn").click(function () {
        // 如果是未搜索状态，才可以！
        if(!isSearch) {
            // 先清除上一次搜索的值
            $(".search-result").html("");
            // 获取搜索的值
            var searchValue = $(".ct-value").val();
            // 非空判断 start
            if(null == searchValue || "" == searchValue){
                $("#search-null").click();
                return false;
            }

            $.ajax({
                type: "POST",
                url: "${pageContext.request.contextPath}/category/getMoreCategory.htm",
                data: {"text": searchValue},
                async: false, // 是否异步处理
                success: function (tj) {
                    var json = eval("(" + tj + ")");
                    for (var i = 0; i < json.length; i++) {
                        var $li = $("<li class='next-menu-item'>").appendTo($(".search-result"));
                        var $div = $("<div class='next-menu-item-inner'></div>").appendTo($li);
                        var $span = $("<span class='next-menu-item-text'></span>").appendTo($div);
                        $span.attr("data-str", json[i].toString());
                        // 循环将字符添加到span中，如果遇到与搜索的关键字相等的字符，则创建新标签蓝色字体添加进去
                        // 将两方的字体全部变成大写进行比较
                        var iv = searchValue.toUpperCase();
                        var dv = json[i].toString().toUpperCase();
                        // 是否存在该关键字
                        var isHave = dv.indexOf(iv) != -1 ? true : false;
                        var trueStr = "";
                        if (isHave) {
                            // 获取关键的原字符(未经过大小写转换的)
                            var crux = json[i].toString().substring(dv.indexOf(iv), dv.indexOf(iv) + iv.length);

                            // 根据存上面的原字符值进行原字符串的分割
                            var texts = json[i].toString().split(crux);
                            for (var j = 0; j < texts.length; j++) {
                                $span.html($span.html() + texts[j]);
                                if (j != texts.length - 1) {
                                    $span.append($("<span class='highlight'>" + crux + "</span>"));
                                }
                            }
                        }
                    }
                }
            });
            $(".next-overlay-inner").slideDown(200);
            isSearch = true;
        } else{
            $(".next-overlay-inner").slideUp(400);
            isSearch = false;
        }
    });

    /**
     * 点击搜索结果里的li 触发事件
     */
    $(".search-result").on("click", "li", function () {
        // 加载中效果
        $(".loading-img-fuzzy").attr("src",$(".loading-img-fuzzy").data("src"));
        $(".sell-o-category-selection").addClass("loading-fuzzy");
        setTimeout(function () {
            $(".loading-img-fuzzy").removeAttr("src");
            $(".sell-o-category-selection").removeClass("loading-fuzzy");
        },300);

        // 先删除之前的分类导航
        $(".path-list").children(":gt(0)").remove();
        // 先删除之前的分类菜单
        $(".cascade-selection").children(":gt(0)").remove();
        $(".cascade-selection").children(":eq(0)").find(".c-selected").removeClass("c-selected");
        var str = $(this).find(".next-menu-item-text").data("str").toString();
        // 分割字符串，拿到每个分类名称
        var categorys = str.split(">");
        // 根据分类名，创建提示的导航按钮
        for (var i = 0; i < categorys.length; i++) {
            var $button = $("<button type='button' class='next-btn next-medium next-btn-text path-node' style='color: #2192d9; background-color: #f7f8fa'>" +
                "<span class='next-btn-helper'>"+categorys[i]+"</span>" +
                "</button>").appendTo($(".path-list"));
            if(i!=categorys.length-1){
                var $span = $("<span class='connector-char'>&gt;</span>").appendTo($(".path-list"));
            }
            // 根据每个分类名称打开部分的分类菜单
            var categoryMenu = i==4?"ct-four":i==3?"ct-three":i==2?"ct-two":"ct-one";
            if(i>1){
                $.ajaxSettings.async = false;
                $.get("${pageContext.request.contextPath}/category/underName.htm",
                    {"name":categorys[i-1]},
                    function (data) {
                        var json = eval("(" + data + ")");
                        for (var j = 0; j < json.length; j++) {
                            var parentId = json[j].id;
                            var categoryLevel = i+1;
                            createCategoryMenu(categoryMenu, parentId, categoryLevel);
                        }
                    })
                $.ajaxSettings.async = true;
            }
            // 自动选择不同菜单特定的li
            moveSelectedCMV(categoryMenu, categorys[i]);
        }
        $(".next-overlay-inner").slideUp(400);
        isSearch = false;
    })
})

var flag = true;
/**
 * 第一个分类菜单搜索事件
 */


$(".next-loading-inline").on("compositionstart", "input", function () {
    flag = false;
})
$(".next-loading-inline").on("compositionend", "input", function(){
    flag = true;
})
$(".next-loading-inline").on("input","input", function () {
    console.log("123")
    var el = $(this);
    var val = $(this).val();
    var menu = el.parent().parent().parent().parent().parent().parent();
    setTimeout(function () {
        if(flag){
            if(val == "" || val == null){
                // 通过当前输入框的父级判断是哪个菜单进行搜索
                var beforeHtml = menu.attr("class")=="next-loading next-loading-inline ct-one"?$ctOneUl:menu.attr("class")=="next-loading next-loading-inline ct-two"?$ctTwoUl:
                    menu.attr("class")=="next-loading next-loading-inline ct-three"?$ctThreeUl:$ctFourUl;
                console.log(beforeHtml)
                menu.find(".group-wrap").html(beforeHtml);
            } else{
                // 删除所有的一级分类
                // $(".ct-one .group-wrap .group-title").remove();
                jQuery.each(menu.find("li.category-item"), function (index, value) {
                    // 获取每个li字符串的首字符
                    var text = $(this).attr("title").toString();
                    // 如果不满足首字母 或者 直接存在的话
                    if(!(Totoro.contain(text, val) || Totoro.getStrFirstPinyin(text) == val)){
                        $(this).remove();
                    }
                });
            }
        }
    },0)
})

/**
 * 移动和选择指定分类到已拥有的文本父级li上
 * @param categoryMenu
 * @param text
 */
function moveSelectedCMV(categoryMenu, text) {
    jQuery.each($("."+categoryMenu+" li.category-item"), function (index, value) {
        var now = $(this);
        if(now.attr("title") == text){
            // 让滚动div自动滚动到指定子元素位置
            $("."+categoryMenu+" .list-frame").scrollTop($("."+categoryMenu+" .list-frame").scrollTop() + now.offset().top - $("."+categoryMenu+" .list-frame").offset().top);
            // 选择该元素
            now.addClass("c-selected").css("background","rgb(244, 244, 244) none repeat scroll 0% 0%").siblings().css("background","rgb(255, 255, 255) none repeat scroll 0% 0%").removeClass("c-selected");
        }
    })
}

//H5渲染，上传图片
function html5Reader(file,pic) {
    var file = file[0].files[0];
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        pic.attr("src", this.result);
    }
}

/**
 * 分类移动图片方法
 * @param element 控制按钮
 * @param moveType 移动方向 prev,next
 */
function moveImg(element, moveType){
    //获取自己的总div ==== 获取下一级的总div
    var self = element.parent().parent().parent().parent();
    var position = moveType=="prev"?self.prev():self.next();
    // 获取自身的图片路径
    var imgPath = self.find("img").attr("src");
    // 判断是否有该图片的子元素
    var childrenSmallImg = position.find(".image-card");
    if(childrenSmallImg.length != 0) {
        // 修改自身的图片路径
        self.find("img").prop("src",position.find("img").attr("src"));
        childrenSmallImg.find("img").prop("src",imgPath);
    } else{
        // 获取下/上一级的大图片div，添加图片元素
        var bigImg = position.find(".sell-o-image-item-preview");
        // 隐藏下/上一级的添加图片
        bigImg.prev().hide();
        bigImg.append($("<div class='image-card'>\n" +
            "<img src='"+imgPath+"' alt='url'>\n" +
            "</div>"));

        // 添加完本身无图的下/上一级，必然要清除本级，删除，显示
        self.find(".image-card").remove();
        self.find(".image-upload-btn").show();
        // 每移动完一次，先隐藏所有的控制按钮
        $(".image-tools").hide().css("opacity",0);
    }
}


/**
 * 创建一级分类之后的所有分类菜单方法
 */
function createCategoryMenu(categoryMenu, parentId, categoryLevel) {
    var $menu = getCtDiv(categoryMenu).appendTo(".cascade-selection");
    $.ajax({
        type: "POST",
        url: "${pageContext.request.contextPath}/category/getAllCategory.htm",
        data: {"parent_id":parentId,"level":categoryLevel},
        async: false, // 是否异步处理
        success: function (tj) {
            var json = eval("(" +tj+ ")");
            for (var i = 0; i < json.length; i++) {
                // 循环创建li
                var $li = getTwoLi(json[i].id, json[i].name).appendTo($menu.find(".group-wrap"));
                if(json[i].haveChildren == 1){
                    $li.find(".iconfont").addClass("iconfont icon-youjiantou");
                }
            }
        }
    });
}


// 点击下一步，保存所有类别信息，跳转下一步操作
$("#submit-category").click(function () {
    // 判断是否上传了主图
    var $primaryImg = $(".drag-image-item-wrapper").eq(0);
    if($primaryImg.find(".image-card").length<=0) {
        alert("请选择主图！")
        return false;
    }

    // 判断是否选中类别
    if($(".path-list").children("button:last-child").length<=0){
        alert("请选中类别！");
        return false;
    }
    // 获取所选类别
    // 判断所选类别是否为无sku物品
    var isHaveSku = false;
    var cid = $(".category-item.c-selected").eq($(".category-item.c-selected").length-1).attr("data-value");
    $.ajaxSettings.async = false;
    $.post("/attr/categorySkuStatus.htm", {"cid": cid}, function (res) {
        if(res == 'true'){
            isHaveSku = true;
        } else{
            isHaveSku = false;
        }
    })

    try {
        var val = $(".path-list").children(":last-child").find("span").text();
        // 获取该类别拥有spu - sku 属性的ID或父级ID
        $.ajaxSettings.async = false;
        $.get("${pageContext.request.contextPath}/category/underName.htm", {"name": val}, function (data) {
            var $json = JSON.parse(data);
            var id = $json[0].id;
            window.location.href = "/seller/productAttribute/" + id + "/"+isHaveSku+".htm";
        });

        // 将图片暂时保存再服务器中，因为还未发布商品
        $("#uploadImg").ajaxSubmit({
            url: "/uploadFiles.htm",
            type: "post",
            success: function (data) {
            }
        });

    }  catch (Error){
        return false;
    }
});


/**
 * 获取最大分类DIV
 * @param cs
 * @returns {Window.jQuery|HTMLElement|*}
 */
function getCtDiv(cs){
    var width = cs=="ct-four"?23.6:25;
    return $("<div class='next-loading next-loading-inline "+cs+"' style='height: 100%; width: "+width+"%; margin-left: 0px;'>\n" +
        " <!-- 加载中 -->\n" +
        "<img src=\"/static/img/seller/loading.gif\" class=\"loading-img\" style=\"display: none\">\n" +
        "                                                                <div class=\"loading-top\" style=\"display: none\"></div>\n" +
        "                                                                <div class=\"loading\" style=\"filter: none\">\n" +
        "                                                                    <!-- 加载中 -->\n" +
        "                                                                <div class=\"next-loading-wrap\">\n" +
        "                                                                    <div class=\"category-list\">\n" +
        "                                                                        <div class=\"search-wrap\"><span\n" +
        "                                                                                class=\"next-input next-medium search-input\"><input\n" +
        "                                                                                placeholder=\"名称/拼音首字母\"\n" +
        "                                                                                autocomplete=\"off\" value=\"\"\n" +
        "                                                                                height=\"100%\"></span><i\n" +
        "                                                                                class=\"next-icon next-icon-search next-small search-icon iconfont icon-ct-sousuo\" style='font-size: 25px'></i>\n" +
        "                                                                        </div>\n" +
        "                                                                        <div class=\"list-frame\">\n" +
        "                                                                            <ul class=\"group-wrap\">\n" +
        "                                                                                \n" +
        "                                                                            </ul>\n" +
        "                                                                            <div class=\"list-info\"></div>\n" +
        "                                                                        </div>\n" +
        "                                                                    </div>\n" +
        "                                                                </div>\n" +
        "                                                                </div>\n" +
        "                                                            </div>");
}

/**
 * 获取小分类li
 * @param id
 * @param name
 * @returns {Window.jQuery|HTMLElement|*}
 */
function getTwoLi(id, name) {
    return $("<li class='category-item' data-value='"+id+"'\n" +
        "title='"+name+"'>\n" +
        "<div class='pre-item'></div>\n" +
        "<p class='text'>"+name+"</p><span class='icon-wrap'>\n" +
        "<i class='iconfont'></i>\n" +
        "</span>\n" +
        "</li>");
}

/**
 * 获取大分类li
 * @param id
 * @param name
 * @returns {Window.jQuery|HTMLElement|*}
 */
function getOneLi(id, name) {
    return $("<li class='group-item' data-value='"+id+"'>\n" +
        "<div class='group-title'>\n" +
        "<span>"+name+"</span><i class='next-icon next-icon-arrow-down next-xs iconfont icon-new_xiajiantou'></i>\n" +
        "</div>\n" +
        "<div class='children_category' style='display: block;'>\n" +
        "<ul class='list-wrap'>" +
        "</ul>" +
        "</div>" +
        "</li>");
}
